<template>
	<view>
		<view @click="quit" class="room-back text-center" :class="isPusher ? 'close-live':''">
			<u-icon size="20" name="close" color="#fff"></u-icon>
			<text v-if="isPusher" class="u-m-l-10">关闭直播</text>
		</view>
	</view>
</template>

<script>
    export default{
        props : {
			isPusher: false
        },
        data () {
			return {}
		},
        methods : {
            quit(){
                this.$emit('quitGroup')
            }
        },
        computed : {}
    }
</script>
<style type="scss">
    .room-back {
        width: 64rpx;
        height: 64rpx;
        line-height: 64rpx;
		border-radius: 50%;
		background: rgba(0, 0, 0, .4);
    }
	.close-live{
		width: 180rpx;
		border-radius: 32rpx;
		color: #fff;
		font-size: 24rpx;
	}
</style>